<!DOCTYPE html>
<html>
<body>
<script src="../../resources/dump-as-markup.js"></script>
<div contenteditable="true">
<div id="test">H <span style="color: blue;">W</span></div>
</div>
<script>
Markup.description('Testcase for bug http://crbug.com/286219: When deleting editable content, typing style should be reset when moving into another node.');

Markup.waitUntilDone();

var testElement = document.getElementById('test');
var selection = window.getSelection();

selection.collapse(testElement, 2);
document.execCommand("Delete");
document.execCommand("InsertText", false, "O");
Markup.dump(test, "Deleting 'W' in blue color and then inserting 'O'. The following markup should show 'O' in blue color.");

selection.collapse(testElement, 1);
document.execCommand("InsertText", false, "W");
Markup.dump(test, "Inserting 'W' at the intersection of the two text nodes. The following markup should show that 'W' is not added in blue color.");

selection.collapse(testElement, 2); 
document.execCommand("Delete");
document.execCommand("Delete");
document.execCommand("Delete");
document.execCommand("InsertText", false, "W");
Markup.dump(test, "Deleting the blue colored text and the preceding space and then inserting 'W'. 'W' should not be in blue color in the following markup.");

Markup.notifyDone();
</script>
</body>
</html>
